<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .red{
            color: red;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div id="app">
        <!--v-show: vue指令-->
        <!--cname : props特性的属性-->
        <!--class : 非props特性的属性-->
        <!--当子组件的模板进行挂载时;会把挂载节点上的所有非props特性的属性继承下来-->
        <v-damu cname="v-damu-666" class="red" v-show="true"></v-damu>
    </div>
</body>
<script src="./js/vue.js"></script>
<script>

    // props特性 & 非props特性


    Vue.config.productionTip = false;

    Vue.component("v-damu",{
        props:["cname"],
        template:`<div>{{cname}}</div>`
    })

    new Vue({
        el:"#app"
    })
</script>
</html>